﻿<%@ Page Title="" Language="C#" MasterPageFile="~/home.master" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <style type="text/css">
        .auto-style2
        {
            width: 171px;
        }
        .auto-style4
        {
            width: 358px;
        }
        .auto-style5
        {
            width: 171px;
            height: 22px;
        }
        .auto-style6
        {
            width: 358px;
            height: 22px;
        }
        .auto-style8
        {
            width: 171px;
            height: 21px;
        }
        .auto-style9
        {
            width: 358px;
            height: 21px;
        }
    .auto-style10
    {
        width: 223px;
    }
    .auto-style11
    {
        width: 223px;
        height: 22px;
    }
    .auto-style12
    {
        width: 223px;
        height: 21px;
    }
    .auto-style13
    {
        width: 171px;
        height: 187px;
    }
    .auto-style14
    {
        width: 223px;
        height: 187px;
    }
    .auto-style15
    {
        width: 358px;
        height: 187px;
    }
        .auto-style16
        {
            width: 171px;
            height: 30px;
        }
        .auto-style17
        {
            width: 223px;
            height: 30px;
        }
        .auto-style18
        {
            width: 358px;
            height: 30px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <div id="navigation_center">
                            <a href="#">Home</a></div>
                        <div class="box_main">
                            <div class="title">
                                <div class="title_img1">
                                </div>
                                <div class="title_img2">
                                    <p>
                                        Register</p>
                                </div>
                                <div class="title_img3">
                                </div>
                                <div class="title_img4">
                                </div>
                                <div class="title_img5">
                                </div>
                            &nbsp;&nbsp;&nbsp;
                                <br />
                                <table style="width: 85%;">
                                    <tr style="color: #FF0000">
                                        <td class="auto-style5" style="border-right-style: hidden; text-align: right; color: #009933;">&nbsp;</td>
                                        <td class="auto-style11">
                                            <asp:Label ID="lblerror" runat="server" Text=""></asp:Label>
                                        </td>
                                        <td class="auto-style6">
                                            &nbsp;</td>
                                    </tr>
                                    <tr style="color: #FF0000">
                                        <td class="auto-style5" style="border-right-style: hidden; text-align: right; color: #009933;">&nbsp;&nbsp; UserName <span style="color: #FF0000">(*)</span>:</td>
                                        <td class="auto-style11">
                                            <asp:TextBox ID="txtUserName" runat="server" Width="320px"></asp:TextBox>
                                        </td>
                                        <td class="auto-style6">
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtUserName" ErrorMessage="*"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="auto-style5" style="border-right-style: hidden; text-align: right; color: #009933;">Password <span style="color: #FF0000">(*)</span>:</td>
                                        <td class="auto-style11">
                                            <asp:TextBox ID="txtPassword" runat="server" Width="320px" TextMode="Password"></asp:TextBox>
                                        </td>
                                        <td class="auto-style6">
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="txtPassword" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="auto-style16" style="border-right-style: hidden; text-align: right; color: #009933;">Name <span style="color: #FF0000">(*)</span>:</td>
                                        <td class="auto-style17">
                                            <asp:TextBox ID="txtName" runat="server" Width="320px"></asp:TextBox>
                                        </td>
                                        <td class="auto-style18">
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" ControlToValidate="txtName" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="auto-style13" style="border-right-style: hidden; text-align: right; color: #009933;">Birthday <span style="color: #FF0000">(*)</span>:</td>
                                        <td class="auto-style14">
                                            <asp:TextBox ID="txtBirthday" runat="server" Width="213px"></asp:TextBox>
                                            <asp:Calendar ID="caldBirthday" runat="server" BackColor="White" BorderColor="#999999" CellPadding="4" DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" Height="180px" Width="218px" OnSelectionChanged="caldBirthday_SelectionChanged1">
                                                <DayHeaderStyle BackColor="#CCCCCC" Font-Bold="True" Font-Size="7pt" />
                                                <NextPrevStyle VerticalAlign="Bottom" />
                                                <OtherMonthDayStyle ForeColor="#808080" />
                                                <SelectedDayStyle BackColor="#666666" Font-Bold="True" ForeColor="White" />
                                                <SelectorStyle BackColor="#CCCCCC" />
                                                <TitleStyle BackColor="#999999" BorderColor="Black" Font-Bold="True" />
                                                <TodayDayStyle BackColor="#CCCCCC" ForeColor="Black" />
                                                <WeekendDayStyle BackColor="#FFFFCC" />
                                            </asp:Calendar>
                                        </td>
                                        <td class="auto-style15">
                                            &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td class="auto-style8" style="border-right-style: hidden; text-align: right; color: #009933;">Gender <span style="color: #FF0000">(*)</span>:</td>
                                        <td class="auto-style12">
                                            <asp:DropDownList ID="dodlGender" runat="server" Width="77px">
                                                <asp:ListItem>Boy</asp:ListItem>
                                                <asp:ListItem>Girl</asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                        <td class="auto-style9">
                                            </td>
                                    </tr>
                                    <tr>
                                        <td class="auto-style5" style="border-right-style: hidden; text-align: right; color: #009933;">Email <span style="color: #FF0000">(*)</span></td>
                                        <td class="auto-style11">
                                            <asp:TextBox ID="txtEmail" runat="server" Width="320px"></asp:TextBox>
                                        </td>
                                        <td class="auto-style6">
                                            <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" BackColor="White" BorderColor="Red" ControlToValidate="txtEmail" ErrorMessage="*" ForeColor="Red"></asp:RequiredFieldValidator>
                                            <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="txtEmail" ErrorMessage="*" ForeColor="Red" ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="auto-style2" style="border-right-style: hidden; text-align: right;">&nbsp;</td>
                                        <td class="auto-style10">
                                            <asp:Button ID="btnRegister" runat="server" BackColor="#FF9900" ForeColor="White" Text="Register" Width="75px" OnClick="btnRegister_Click" />
                                            <asp:Button ID="btnCancel" runat="server" BackColor="#FF9900" ForeColor="White" Text="Cancel" />
                                        </td>
                                        <td class="auto-style4">
                                            &nbsp;</td>
                                    </tr>
                                </table>
                            </div>
                           
                        </div>
</asp:Content>

